<template>
  <div class="container">
    <div class="first">
       <p>所发生的方式</p>
       <div>
            <p>sdfsdfsdfsdfs</p>
       </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'HelloWorld',
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss" scoped>
 $mycolor:red;
 .first{
   border: 1ps solid $mycolor;
   p{
     $width:100px;
     width: $width;
     height: $width*0.618;
     background-color: pink;
     
   }
 }
</style>
